<template>
	<div id="userCenter">
		<div class="info">
			<div class="detail">
				<div class="logo"></div>
				<div class="name">
					<li>华夏进出口物流</li>
					<li>18912345678</li>
					<li>资料状态: <span class="status">已通过</span></li>
				</div>
				<ul>
					<li class="my-flex-col-center active">
						<span>0</span>
						<span>关注路线</span>
					</li>
					<li class="my-flex-col-center">
						<span>2</span>
						<span>熟车</span>
					</li>
					<li class="my-flex-col-center">
						<span>2</span>
						<span>足迹</span>
					</li>
				</ul>
			</div>
			<div class="status my-flex">
				<li>待生成</li>
				<li>待收货<span>2</span></li>
				<li>待付款</li>
				<li>待评价</li>
			</div>
		</div>
		<router-view ></router-view>
	</div>
</template>

<script>
	import { mapState } from "vuex";
	import service from '@/js/services/price';
	export default {
		inject: ['reload', 'closeLoading', 'openLoading', 'changeRouter'],
		data() {
			return {
				tableData: [{
					date: '广东省深圳市',
					name: '湖北省武汉市',
					address: '上海市普陀区金沙江路 1518 弄'
				}, {
					date: '广东省深圳市',
					name: '湖北省武汉市',
					address: '上海市普陀区金沙江路 1517 弄'
				}, {
					date: '广东省深圳市',
					name: '湖北省武汉市',
					address: '上海市普陀区金沙江路 1519 弄'
				}, {
					date: '广东省深圳市',
					name: '湖北省武汉市',
					address: '上海市普陀区金沙江路 1516 弄'
				}]
			}
		},
		created() {

		},
		mounted() {
			
		},
		activated() {

		},
		destroyed() {

		},
		filters: {

		},
		watch: {

		},
		methods: {
			...service
		}
	}
</script>

<style lang="less" scoped="scoped" src="../../less/page/userCenter/index.less"></style>